/**
 * Redux Toolkit 【RTK】
 *
 *  安装
 *     @reduxjs/toolkit   react-redux
 *
 *  配置仓库
 *      1. 核心是 切片，我们可以创建切片，一个切片可以理解为一个模块
 *      2. 将切片里面的 reducer 进行合并给到 configureStore
 *
 *  RTK相比原生Redux有何优势：
 *      1. 无需安装一堆包，它自身就包含有 redux核心、@redux-devtools/extension、redux-thunk、immer
 *      2. 以配置的方式来生成 reducer
 *      3. 无需手动创建 actionTypes 与 actionCreator
 *      4. 自带命令空间
 *      5. 自带immer,可以让reducer中修改state更简洁
 *      6. 更好的 TS 支持
 *
 */

import ReactDOM from "react-dom/client";
import { Provider } from "react-redux";

import store from "./store";

import App from "./App";

const root = ReactDOM.createRoot(document.querySelector("#root")!);

root.render(
  <Provider store={store}>
    <App />
  </Provider>
);
